<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/html">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta charset="utf-8">
		<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, width=device-width">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<meta name="format-detection" content="telephone=no">
		<meta content="telephone=no" name="format-detection">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>
			{$title}
		</title>
		<link type="text/css" rel="stylesheet" href="{$Think.config.RESOURCEURL}wx_assets/css/website/screen/index65.css">
		<link type="text/css" rel="stylesheet" href="{$Think.config.RESOURCEURL}wx_assets/css/website/p4p-2.0.css">
		<link type="text/css" rel="stylesheet" href="{$Think.config.RESOURCEURL}wx_assets/css/website/vweisiteV01.css">
		
		<!-- 
		<link type="text/css" rel="stylesheet" href="{$Think.config.RESOURCEURL}wx_assets/css/screen/screen4.css">
		<link type="text/css" rel="stylesheet" href="{$Think.config.RESOURCEURL}wx_assets/css/screen/screen6.css">
		 -->
		
		<script type="text/javascript" src="{$Think.config.RESOURCEURL}wx_assets/js/website/screen/screen2.js"></script>
		<script type="text/javascript" src="{$Think.config.RESOURCEURL}wx_assets/js/website/url.min-5c767b67c0eafd0a3e8cbe55725cefa4.js"></script>
		<script type="text/javascript" src="{$Think.config.RESOURCEURL}wx_assets/js/website/screen/screen5.js"></script>
		<!-- 
		<script type="text/javascript" src="{$Think.config.RESOURCEURL}wx_assets/js/website/screen/screen3.js"></script>
		<script type="text/javascript" src="{$Think.config.RESOURCEURL}wx_assets/js/website/_tts_browser_center.js"></script>
		 -->
	</head>
	<body>
		<div class="html" style="background-image: url({$randomBackground}); background-size:100% 100%;">
			<div class="stage" id="stage">
				<section id="sec-index">
					<div class="body">
						<div class="index" id="indexList">
							<div class="index-wrap" style="transition: 0ms cubic-bezier(0.1, 0.57, 0.1, 1); -webkit-transition: 0ms cubic-bezier(0.1, 0.57, 0.1, 1); transform: translate(0px, 0px) translateZ(0px);">
								<ul>
									<volist name="ModuleArticles" id="data">
									<li>
										<notempty name="data.url">
										<a href="{$data.url}" class="box mod-index">
											<i>
												<img src ='{$data.picurl}'/>
											</i>
											<notempty name="data.color">
												<small style="color:{$data.color}">
													{$data.title}
												</small>
											<else />
												<small>
													{$data.title}
												</small>
											</notempty>
										</a>
										<else />
										<a href="" class="box mod-index">
											<i>
												<img src ='{$data.picurl}'/>
											</i>
											<notempty name="data.color">
												<small style="color:{$data.color}">
													{$data.title}
												</small>
											<else />
												<small>
													{$data.title}
												</small>
											</notempty>
										</a>
										</notempty>
										
									</li>
									</volist> 
								</ul>
								<div class="line">
								</div>
							</div>
							<div class="iScrollVerticalScrollbar iScrollLoneScrollbar" style="position: absolute; z-index: 9999; width: 7px; bottom: 2px; top: 2px; right: 1px; overflow: hidden;">
								<div class="iScrollIndicator" style="box-sizing: border-box; position: absolute; border: 1px solid rgba(255, 255, 255, 0.901961); border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; width: 100%; transition: 0ms cubic-bezier(0.1, 0.57, 0.1, 1); -webkit-transition: 0ms cubic-bezier(0.1, 0.57, 0.1, 1); display: block; height: 485px; transform: translate(0px, 0px) translateZ(0px); background: rgba(0, 0, 0, 0.498039);">
								</div>
							</div>
						</div>
						<script src="{$Think.config.RESOURCEURL}wx_assets/js/website/screen/iscroll-ce6ef58d8a2dceddfbae52293d9018ec.js" type="text/javascript">
						</script>
						<script type="text/javascript">
							var myScroll;
							window.onload = function loaded() {
								myScroll = new IScroll('#indexList', {
									scrollbars: true,
									mouseWheel: true,
									interactiveScrollbars: true,
									shrinkScrollbars: 'scale',
									fadeScrollbars: false,
									click: true
								});
							}
							document.addEventListener('touchmove',
							function(e) {
								e.preventDefault();
							},
							false);
						</script>
					</div>
				</section>
			</div>
			<!--.stage end-->
		</div>
		<!--.html end-->
		<!-- tongji code -->
		<script type="text/javascript">
			var _paq = _paq || [];
			_paq.push(['trackPageView']);
			_paq.push(['enableLinkTracking']); (function() {
				var u = (("https:" == document.location.protocol) ? "https": "http") + "://tongji.vkelai.com/";
				_paq.push(['setTrackerUrl', u + 'piwik.php']);
				_paq.push(['setSiteId', 48476]);
				var d = document,
				g = d.createElement('script'),
				s = d.getElementsByTagName('script')[0];
				g.type = 'text/javascript';
				g.defer = true;
				g.async = true;
				g.src = u + 'piwik.js';
				s.parentNode.insertBefore(g, s);
			})();
		</script>
		<noscript>
			&lt;p&gt;&lt;img src="http://tongji.vkelai.com/piwik.php?idsite=48476"
			style="border:0;" alt="" /&gt;&lt;/p&gt;
		</noscript>
		<!-- end tongji code -->
		<script src="{$Think.config.RESOURCEURL}wx_assets/js/website/url.min-5c767b67c0eafd0a3e8cbe55725cefa4.js" type="text/javascript">
		</script>
		<style type="text/css">
			/*pop*/ .pop-zoom{display:none;width:100%;height:100%;color:#fff;position:fixed;left:0;top:0;background:rgba(0,0,0,0.5);z-index:10000;}
			.pop-zoom-img{background:#000;text-align:center;overflow:hidden;} .show-img{width:100%;height:100%;overflow:hidden;position:relative;}
			.show-img img{max-width:100%;} .zoom-close{position:fixed;right:5px;top:5px;display:block;z-index:99999;}
			.zoom-close .fa{width:30px;height:30px;font-size:25px;line-height:30px;border-radius:50%;color:#fff;background:#999;}
		</style>
		<script src="{$Think.config.RESOURCEURL}wx_assets/js/website/iScroll-4.2.5.js">
		</script>
		<script type="text/javascript">
			var flag = true;
			css_reg = /^[\w]*font-awesome\.min[\w]*/;
			$.each($('link[type="text/css"]'),
			function() {
				var arr = $(this).attr('href').split('/');
				if (arr.length == 0) {
					return true;
				}
				if (css_reg.test(arr[arr.length - 1])) {
					flag = false;
					return flag;
				}
			});
			if (flag) {
				document.write('<link rel="stylesheet" href="{$Think.config.RESOURCEURL}wx_assets/css/website/font-awesome.min.css">')
			}
			var img_zoom_myscroll, img_zoom_scrollTop;

			function loaded() {
				img_zoom_myscroll = new iScroll("imgScroll", {
					hScroll: true,
					useTransition: true,
					hScrollbar: false,
					vScrollbar: false,
					zoom: true
				});
				document.addEventListener("DOMContentLoaded", loaded, false);
			}

			$(function() {
				$('body').append('<div class="pop-zoom pop-zoom-img"><div class="show-img" id="imgScroll"><div><img src=""></div></div><a href="javascript:;" class="zoom-close"><i class="fa fa-times"></i></a>');
				$('img').click(function() {
					if (($(this).closest('a').length > 0 && ($(this).closest('a').attr('href') != '#' && $(this).closest('a').attr('href') != 'javascript:;')) || $(this).closest('.mod-navLine').length > 0 || $(this).hasClass('website_list_21')) {
					} else {
						var $this = $(this),
						$src = $this.attr("src"),
						$img = $(".show-img img"),
						$pop = $(".pop-zoom-img");
						img_zoom_scrollTop = $(document).scrollTop();
						$(document).scrollTop(0);
						$img.attr("src", $src);
						$pop.show();
						setTimeout(function() {
							loaded();
						},
						300);
						//console.log(scrollTop);
					}
				});
				$(document).on("click", ".zoom-close",
				function() {
					$(document).scrollTop(img_zoom_scrollTop);
					$(this).parents(".pop-zoom").hide();
					img_zoom_myscroll.destroy();
				});
				var initTop = 0,
				isScroll = true;
				function fnAnimate(thisTop) {
					$("header:not('.untoppable')").animate({
						top: thisTop
					},
					"500",
					function() {
						isScroll = true
					});
				}
				$(window).on("scroll",
				function() {
					var scrollTop = $(document).scrollTop();
					if (isScroll) {
						if (scrollTop > initTop) {
							fnAnimate("-44px");
						} else {
							fnAnimate("0");
						}
					}
					initTop = scrollTop;
					isScroll = false;
				});
			});
		</script>
		<link rel="stylesheet" href="{$Think.config.RESOURCEURL}wx_assets/css/website/font-awesome.min.css">
		<!-- 
		<a href="javascript:scroll(0,0)" class="btn-up btn-up-1">
			<i class="fa fa-arrow-up">
			</i>
		</a>
		 -->
		<div class="loading fixed-top">
		</div>
		<div class="mod-pop" id="pop-share" onclick="hidePop(&#39;#pop-share&#39;)">
			<span class="text-share">
			</span>
		</div>
		<script type="text/javascript">
			$(document).ready(function() {
				var h = $(".html").height();
				$(".body").css({
					"min-height": h + "px"
				});
				// 静态背景图
				//$(".html").css("background-image", "url(/assets/website/bg/2.jpg)");
			});
		</script>
		<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
		<script type="text/javascript" src="{$Think.config.RESOURCEURL}wx_assets/js/wx_share.js{$Think.config.RESOURCE_VER}"></script>
		<script type="text/javascript">
			wx_share.init({
				"title":"{$title}",
				"desc":'{$shareinfo}',
				"link":location.href,
				"imgUrl": '{$sharepicurl}',
				"pkg":{
					"appId": '{$pkg.appId}',
					"timestamp": '{$pkg.timestamp}',
					"nonceStr": '{$pkg.nonceStr}',
					"signature": '{$pkg.signature}'
				},
				success:function(config,shareType){
				}
			});
		</script>
	</body>
</html>